import type { MultiTabsSetting } from '~/config';

import { computed } from 'vue';

import { useAppStore } from '@/store/modules/app';

export function useMultipleTabSetting() {
	const appStore = useAppStore();

	const getShowMultipleTab = computed(() => appStore.getMultiTabsSetting.show);

	const getShowQuick = computed(() => appStore.getMultiTabsSetting.showQuick);

	const getShowRedo = computed(() => appStore.getMultiTabsSetting.showRedo);

	const getShowFold = computed(() => appStore.getMultiTabsSetting.showFold);

	function setMultipleTabSetting(multiTabsSetting: Partial<MultiTabsSetting>) {
		appStore.setProjectConfig({ multiTabsSetting });
	}
	return {
		setMultipleTabSetting,
		getShowMultipleTab,
		getShowQuick,
		getShowRedo,
		getShowFold,
	};
}
